.free-main {
  font-size: 15px;
}

.symbol {
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.24);
  color: #fff;
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
  text-align: center;
  width: 16px;
  margin: 0 .25rem;
}
.symbol.component {
  background: #2196F3;
}
.symbol.component:before {
  content: "C";
}
.symbol.directive {
  background: #D81B60;
}
.symbol.directive:before {
  content: "D";
}

body::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}

body::-webkit-scrollbar-thumb {
  background-color: #6e6e6e;
  outline: 1px solid #333;
}

body::-webkit-scrollbar-corner, body::-webkit-scrollbar-track {
  background-color: #ccc;
}

.main-loading {
  width: 100%;
  height: 100%;
  background: #000;
}

.free-panel-header f-header {
  font-weight: bold;
}

p,
li {
  line-height: 28px;
}

aside {
  .free-accordion-group {
    border: none;

    .accordion-toggle {
      &.accordion-item-expand {
        font-weight: normal;
        color: #262626;
      }
    }
  }
}
